<!-- <template>
  <div>
      <div>模板编译: render 函数</div>
  </div>
</template> -->

<script>
  export default {
      props: {

      },
      data(){
         return {

         }
      },
// createElement 返回虚拟节点 (virtual node) 简写:“VNode”。“虚拟 DOM”是我们对由 Vue 组件树建立起来的整个 VNode 树的称呼。
// render 是一个函数, 接受一个 createElement 的函数参数, 这个函数返回 虚拟节点 (virtual node) 简写:“VNode”。
/**   createElement 参数
 * 1. {String | Object | Function}: 一个 HTML 标签名、组件选项对象，或者resolve 了上述任何一种的一个 async 函数。必填项。
 * 2. {Object}: 一个与模板中 attribute 对应的数据对象。可选。
 * 3. {String | Array}:    子级虚拟节点 (VNodes)，由 `createElement()` 构建而成， 也可以使用字符串来生成“文本虚拟节点”。可选。
 */

// 渲染优先级: render函数 > template模板 > el所颁定的元素及其子元素树
      render: function (createElement) {
         return createElement(
            'div',  // 标签名称
            {class: 'css'},
            [
               createElement('p', {class: 'child'}, 'p的内容1'), 
               createElement('p', {class: 'child'}, 'p的内容2')
            ]// 子节点数组
         )
      },
  }
</script>
<style lang='less' scoped>

</style>